<template>
    <div>
        <!-- 头部 -->
         <van-nav-bar
    title="莱头条故事"
    left-arrow
    @click-left="onClickLeft"
    />

    <!-- 介绍 -->
    <div class="introduce">
        <div class="pic1">
            
             <h4><img src="./img/头条.png" alt="">   头条介绍</h4>
        </div>
        <div class="box1">
        
        <p>
           一个本地资讯类移动端网站，主要功能：资讯按照资讯分类展示，资讯列表，资讯详情，发布资讯，资讯评论点赞，收藏，登录、注册、忘记密码、修改密码，修改个人资料等功能
        </p>
        </div>
        <div class="pic2">
            
             <h4><img src="./img/头条.png" alt="">   关于头条</h4>
        </div>
        
         <div class="box2">
        <p>
            莱头条是一个通用信息平台，致力于连接人与信息，让优质丰富的信息得到高效精准的分发，促使信息创造价值。
        </p>
        </div>
       
       
    </div>
    
   
    </div>
</template>

<script>
export default {
    name: 'WorkspaceJsonStory',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
         onClickLeft(){
        this.$router.go(-1)
    },
    },
};
</script>

<style lang="scss" scoped>
// *{
//      font-family: "华文仿宋";
// }
.pic1 img{
    width: 20px;
    height: 20px;
    margin-bottom: -1.33333vw;
  
}
 .pic1 h4{
     margin-top: 8px;
        text-align: center;
 }
 .pic2 img{
    width: 20px;
    height: 20px;
    margin-bottom: -1.33333vw;
  
}
 .pic2 h4{
     margin-top: 8px;
        text-align: center;
 }
.box1{
    text-align: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px dashed pink;
    border-radius: 10px;
    text-indent: 20px;
   
}
.box2{
    text-align: left;
     margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px dashed pink;
    border-radius: 10px;
     text-indent: 20px;
}
</style>